

.grid-m,
.grid-m0,
.grid-s5m0,
.grid-m0s5,
.grid-s5m0e5,
.grid-m0s5e5,
.grid-s5e5m0 {
	.tshop-pbsm-shop-main-slide {
		background: none;
		border: none;
		margin: 0 0 10px 0;
		padding: 0;

		.skin-box-hd {
			background: #980C00;
			border: none;
			height: 30px;
			margin: 0;
			padding: 0;

			h3 {
				margin: 0;
				padding: 0;
				height: 30px;
				line-height: 30px;
				background: none;
				border: none;

				span {
					margin: 0;
					padding: 0 0 0 10px;
					color: #fff;
					font-size: 12px;
					font-weight: bold;
				}
			}
		}

		.skin-box-bd {
			background: #fff;
			border: none;
			margin: 0;
			padding: 5px 0 0;
			text-align: left;
			line-height: 22px;

			.slide-box {

				.slide-triggers {
					li {
						border-radius: 0;
						background: #fff;
						color: #000;
						border: 1px solid #fff;
						width: 25px;
						height: 25px;
						line-height: 25px;
					}
					li.selected {
						background: #000;
						color: #fff;
						border: 1px solid #000;
					}
				}

				.prev,
				.next {
					opacity: 0;
					display: block;
					position: absolute;
					top: 50%;

					.prev-next-bg {
						position: relative;
						opacity: 1;
						display: block;
						width: 46px;
						height: 46px;
						background: url(../../assets/images/banner-btns.png) no-repeat;
					}
				}

				.prev {
					left: 0;

					.prev-next-bg {
						background-position: 0 0;
					}
				}

				.next {
					right: 0;

					.prev-next-bg {
						background-position: -54px 0;
					}
				}

			}

			.slide-box:hover {
				.prev,
				.next {
					opacity: 1;
				}
			}
		}
	}

	.col-sub,
	.col-extra {
		.tshop-pbsm-shop-main-slide {

			.skin-box-bd {

				.slide-box:hover {
					.prev,
					.next {
						opacity: 0;
					}
				}
			}
		}
	}
}
 



 

